// 腾讯位置服务要申请key值
// 导入qq地图sdk的实例
import qqMap from '../../../utils/qqmap'
Page({
  // 获取我们自身所在的经纬度
  onLoad () {
    this.getLocation()
  },
  // 定义获取自身所在经纬度的方法
  async getLocation () {
    // 获取用户当前经纬度
    const { latitude, longitude } = await wx.getLocation()
    console.log(latitude, longitude)
    // 调用位置服务
    this.getPoint(latitude, longitude)
  },
  // 选择位置 获取经纬度
  async chooseLocation () {
    // 获取选中位置的经纬度
    const { latitude, longitude } = await wx.chooseLocation()
    console.log(latitude, longitude)
    // 调用位置服务
    this.getPoint(latitude, longitude)
  },
  // 腾讯地址服务的使用
  getPoint (latitude, longitude) {
    // 因为获取地址是调接口的异步服务,最好有个loading
    wx.showLoading({
      title: '正在加载中...',
      mask: true
    })
    // 1. 逆地址解析
    qqMap.reverseGeocoder({
      location: [latitude, longitude].join(','),
      success: ({ result: { address } }) => {
        console.log('address+++', address)
        this.setData({
          address
        })
      }
    })
    // 2. 获取附近地址信息
    qqMap.search({
      keyword: '住宅小区',
      location: [latitude, longitude].join(','),
      page_size: 5,
      success: (res) => {
        console.log('附近住宅小区', res)
        // 拿到附近的地点数据
        const points = []
        res.data.forEach(({ id, title, _distance }) => {
          points.push({ id, title, _distance })
        })
        // 在页面渲染数据
        this.setData({
          points
        })
      },
      complete () {
        // 无论成功失败 都得观点loading
        wx.hideLoading()
      }
    })
  },
  goBuilding (e) {
    console.log('e', e)
    // 跳转到选择楼栋的页面 带上小区名传给下个页面
    wx.navigateTo({
      url: `/house_pkg/pages/building/index?point=${e.mark.point}`
    })

  }
})